<template>
    <div class="index">
    <b-container>
   	<div class="head404"></div> 
   	 <div class="txtbg404"> 
      <div class="txtbox"> 
        <h2>对不起，您请求的页面不存在、或已被删除、或暂时不可用</h2> 
        <p class="paddingbox">请点击以下链接继续浏览网页</p>
        <p>》<a style="cursor:pointer" onclick="history.back()">返回上一页面</a></p>
        <p>》<a href="http://www.britmusic.cn">返回网站首页</a></p>
      </div> 
     </div>   
    </b-container>                 
    </div>
</template>

<script>
export default {
  name: 'artist',
  data () {
    return {
      artistList: []
    }
  },
  methods: {
    listArtist(){
      document.title = "404错误 | 英伦留声机"
    },
  },
  mounted: function() {
    this.listArtist();
  },
  watch: {
    $route() {       
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

.head404{ width:580px; height:150px; margin:50px auto 0 auto; }
 
.txtbg404{ width:900px; height:169px; margin:10px auto 0 auto; }
 
.txtbg404 .txtbox{ width:875px; position:relative; top:30px; left:60px;color:#eee; font-size:13px;}
 
.txtbg404 .txtbox p {margin:5px 0; line-height:18px;}
 
.txtbg404 .txtbox .paddingbox { padding-top:15px;}
 
.txtbg404 .txtbox p a { color:#eee; text-decoration:none;}
 
.txtbg404 .txtbox p a:hover { color:#FC9D1D; text-decoration:underline;}

</style>

<style src="../assets/css/link.css"></style>
<style src="../assets/css/font.css"></style>



